<template>
	<div id="xgk" class="el-tab-boder" style="width: 100%;margin-bottom: 10px;">
		<div class="d2">
			<el-tabs v-model="activeName"  @tab-click="condition">
			            <el-tab-pane label="按选科组合查询" name="first" :key="'first'">
							<span style="font-weight: bold;font-size: 15px;margin-right: 0.5em;">院校名称</span>
							<el-row class="demo-autocomplete" style="display: inline-block;width:20%;">
							  <el-col :span="12" style="display: inline-block;width:100%;height: 20px;">
							    <el-autocomplete
							      class="inline-input"
							      v-model="school"
							      :fetch-suggestions="querySearch1"
							      placeholder="请输入内容"
							      :trigger-on-focus="false"
								  size="mini"
								  style="width: 100%;"
							    ></el-autocomplete>
							  </el-col>
							  </el-row>
							  <span style="font-weight: bold;font-size: 15px;margin-right: 0.5em;margin-left: 0.5em;" >专业名称</span>
							  <el-row class="demo-autocomplete" style="display: inline-block;width:20%;height: 20px;">
							  	  <el-col :span="12" style="display: inline-block;width:100%;height: 20px;">
							  	    <el-autocomplete
							  	      class="inline-input"
							  	      v-model="major"
							  	      :fetch-suggestions="querySearch"
							  	      placeholder="请输入内容"
							  	      :trigger-on-focus="false"
							  		  size="mini"
							  		  style="width: 100%;"
							  	    ></el-autocomplete>
							  	  </el-col>
							  	  </el-row>
							<div id="xk">
								<el-form :inline="true"  class="demo-form-inline"
									style="padding: 0;margin: 0;height: 40px;">
									<el-form-item label="首选科目" style="font-weight: bold;color: black;">
										<el-radio-group v-model="schoice">
											<el-radio label="W">物理</el-radio>
											<el-radio label="L">历史</el-radio>
										</el-radio-group>
									</el-form-item>
									<el-form-item label="再选科目" style="font-weight: bold;margin-left: 30px;">
										<el-checkbox-group 
										    v-model="cchoice"
										    :max="2">
										    <el-checkbox v-for="zx in zxkm" :label="zx.value" :key="zx.value">{{zx.label}}</el-checkbox>
										  </el-checkbox-group>
									</el-form-item>
									<el-form-item label="批次" style="font-weight: bold;margin-left: 30px;">
										<el-radio-group v-model="arrangement">
											<el-radio label="1">本科</el-radio>
											<el-radio label="2">专科</el-radio>
										</el-radio-group>
									</el-form-item>
								</el-form>
							</div>
			                    <div style="height: 110px;" id="fx">
									<div style="width: 100%;margin: auto;">
										<span style="font-weight: bold;font-size: 15px;">所在省份</span>
										<ul style="" class="ul2" v-for="item in cities">
											<li style="line-height: 30px;">
												<el-checkbox-group v-model="checkedCities">
													<el-checkbox style="margin-left:0;font-size: 15px;padding: 0;" :label="item.value"
														:key="item.value"  @change="sfclick(item.label,$event)">{{item.label}}</el-checkbox>
												</el-checkbox-group>
											</li>
										</ul>
									</div>
									<div style="width: 100%;margin: auto;height:20px;margin-top: 5px;">
										<span style="font-weight: bold;font-size: 15px;">院校类型</span>
										<div style="display: inline-block;width: 58%;">
										<ul class="ul2" v-for="item in SchoolTypes">
											<li>
												<el-checkbox-group v-model="checkedSchoolTypes">
													<el-checkbox style="margin-left:0;font-size: 15px;padding: 0;" :label="item.value"
														:key="item.value" @change="schooltypeclick(item.value,$event)">{{item.value}}</el-checkbox>
												</el-checkbox-group>
											</li>
										</ul>
										</div>
										<div style="display: inline-block;">
										<span style="font-weight: bold;font-size: 15px;">博硕资格</span>
										<ul class="ul2" v-for="item in Qualifications">
											<li>
												<el-checkbox-group v-model="checkedQualifications">
													<el-checkbox style="margin-left:0;font-size: 15px;padding: 0;" :label="item.value"
														:key="item.value" @change="qualificationsclick(item.value,$event)">{{item.label}}</el-checkbox>
												</el-checkbox-group>
											</li>
										</ul>
											</div>
									</div>
									<div style="width: 100%;margin: auto;height: 40px;">
										<span style="font-weight: bold;font-size: 15px;">院校层级</span>
										<div style="display: inline-block;width:58%;">
										<ul class="ul2" v-for="item in Hierarchys">
											<li>
												<el-checkbox-group v-model="checkedHierarchys">
													<el-checkbox style="margin-left:0;font-size: 15px;padding: 0;" :label="item.value"
														:key="item.value" @change="hierarchysclick(item.value,$event)">{{item.label}}</el-checkbox>
												</el-checkbox-group>
											</li>
										</ul>
										</div>
										<span style="font-weight: bold;font-size: 15px;">办学性质</span>
										<ul class="ul2" v-for="item in natures">
											<li>
												<el-checkbox-group v-model="checkedNatures">
													<el-checkbox style="margin-left:0;font-size: 15px;padding: 0;" :label="item.value"
														:key="item.value" @change="natureclick(item.value,$event)">{{item.label}}</el-checkbox>
												</el-checkbox-group>
											</li>
										</ul>
										<button style="margin-left: 1%;cursor: pointer;" @click="getNewSchool()" class="btn">查询</button>
										<button style="margin-left: 0.5%;cursor: pointer;" @click="condition()" class="btn">重置</button>
									</div>
			                    </div>
			            </el-tab-pane>
			
			            <el-tab-pane label="按选科要求查询" name="second" :key="'second'">
			                    <div style="height: 60px;font-size: 15px;">
									<span style="font-weight: bold;font-size: 15px;margin-right: 0.5em;">选科要求</span>
										<el-select
										    v-model="courseRequire"
										    multiple
										    collapse-tags
										    placeholder="请选择">
										    <el-option
										      v-for="item in yaoqiu"
										      :key="item.dictValue"
										      :label="item.dictName"
										      :value="item.dictValue">
										    </el-option>
										  </el-select>
			                       <button style="margin-left: 5px;cursor: pointer;" @click="getNewSchool()" class="btn">查询</button>
								   <button style="margin-left: 0.5%;cursor: pointer;" @click="condition()" class="btn">重置</button>
			                    </div>
			            </el-tab-pane>
			        </el-tabs>
		
		</div>
		<div style="width: 1440px;min-width: 1440px;margin: auto;overflow:auto;" v-infinite-scroll="isLoad">
			<span style="margin-bottom: 10px;display: inline-block;font-size: 15px;font-weight: bold;">检索结果<span style="margin-left: 5px;font-weight: normal;">{{count}}</span> </span>
			<el-table v-loading="loading" :data="tableData"
				:header-cell-style="{textAlign: 'center'}" :cell-style="cellStyle" border ref="multipleTable"
				style="width: 100%;color: black;overflow: auto;font-size: 15px;">
				<el-table-column type="expand" width="1">
					<template slot-scope="props">
						<el-table :data="props.row.children" style="width: 100%;font-size: 15px;" id="table"
							:header-cell-style="{textAlign: 'center',backgroundColor:'#fff2f3'}" :cell-style="cellStyles"   border v-loading="loadings" >
							<el-table-column  width="1"></el-table-column>
							<el-table-column label="专业代码" prop="majorCode" min-width="10px">
							</el-table-column>
							<el-table-column label="专业(类)名称" prop="majorName" min-width="20px"></el-table-column>
							<el-table-column label="包含专业" prop="majorList"></el-table-column>
							<el-table-column label="" prop="" min-width="10px"></el-table-column>
							<el-table-column label="" prop="" min-width="10px"></el-table-column>
							<el-table-column label="选科要求" prop="courseRequire" min-width="20px"></el-table-column>
						</el-table>
					</template>
				</el-table-column>
				<el-table-column prop="newSchoolid" label="院校标识码" min-width="10px">
					<template slot-scope="props">
						<span @click="clickTable(props.row)" style="cursor: pointer;">{{props.row.newSchoolid}}</span>
					</template>
				</el-table-column>
				<el-table-column prop="schoolName" label="院校名称" min-width="20px">
				</el-table-column>
				<el-table-column prop="" label="办学性质|院校类型|主管部门|所在城市|院校排名|院校层级|博硕资格">
					<template slot-scope="scope">
						{{scope.row.nature==1?"公办":(scope.row.nature==2?"民办":"合办")}}
						<span style="width: 0.5em;display: inline-block;"></span>
						{{scope.row.schoolType}}
						<span style="width: 0.5em;display: inline-block;"></span>
						{{scope.row.manager}}
						<span style="width: 0.5em;display: inline-block;"></span>
						{{scope.row.city}}
						<span style="width: 0.5em;display: inline-block;"></span>
						排名
						{{scope.row.sortNum==null?"--":scope.row.sortNum}}
						<span style="width: 0.5em;display: inline-block;"></span>
						{{scope.row.hierarchysName}}
						<span style="width: 0.5em;display: inline-block;"></span>
						{{scope.row.qualificationsName}}
					</template>
				</el-table-column>
				<el-table-column prop="cankao_li" label="参考分(理)" min-width="10px">
				</el-table-column>
				<el-table-column prop="cankao_wen" label="参考分(文)" min-width="10px">
				</el-table-column>
				<el-table-column prop="" label="选科要求" min-width="20px">
				</el-table-column>
			</el-table>
			
		</div>
	</div>
</template>

<script>
	import {
		request
	} from "../util/request.js"
	const cityOptions = [
		{label:'不限',value:'不限'},{label:'陕西',value:'陕西省'},{label:'安徽',value:'安徽省'},{label:'北京',value:'北京市'},{label:'重庆',value:'重庆市'},
		{label:'福建',value:'福建省'},{label:'广东',value:'广东省'},{label:'广西',value:'广西'},{label:'甘肃',value:'甘肃省'},{label:'贵州',value:'贵州省'},
		{label:'河北',value:'河北省'},{label:'河南',value:'河南省'},{label:'海南',value:'海南省'},{label:'湖北',value:'湖北省'},{label:'湖南',value:'湖南省'},
		{label:'黑龙江',value:'黑龙江省'},{label:'吉林',value:'吉林省'},{label:'江苏',value:'江苏省'},{label:'江西',value:'江西省'},{label:'辽宁',value:'辽宁省'},
		{label:'内蒙古',value:'内蒙古'},{label:'宁夏',value:'宁夏'},{label:'青海',value:'青海省'},{label:'上海',value:'上海市'},
		{label:'四川',value:'四川省'},{label:'山东',value:'山东省'},{label:'山西',value:'山西省'},{label:'天津',value:'天津市'},{label:'西藏',value:'西藏'},
		{label:'新疆',value:'新疆'},{label:'云南',value:'云南省'},{label:'浙江',value:'浙江省'},{label:'其他',value:'其他'}
	]
	const SchoolTypeOptions = [
		{label:'不限',value:'不限'},{label:'综合',value:'综合'},{label:'工科',value:'工科'},{label:'财经',value:'财经'},{label:'农业',value:'农业'},{label:'林业',value:'林业'},
		{label:'医药',value:'医药'},{label:'师范',value:'师范'},{label:'体育',value:'体育'},{label:'政法',value:'政法'},{label:'民族',value:'民族'},
		{label:'语言',value:'语言'},{label:'艺术',value:'艺术'},{label:'军事',value:'军事'},{label:'其他',value:'其他'}
	]
	const natureOptions = [
		{label:'不限',value:'不限'},{label:'公办',value:'1'},{label:'民办',value:'2'},{label:'合办',value:'3'}
	]
	const HierarchyOptions = [
		{label:'不限',value:'不限'},{label:'双一流',value:'1'},{label:'中央直管',value:'2'},{label:'985',value:'3'},{label:'211',value:'4'},{label:'双高计划',value:'5'},{label:'国家示范(骨干)',value:'6'}
	]
	const QualificationsOptions = [
		{label:'不限',value:'不限'},{label:'硕士点',value:'1'},{label:'博士点',value:'2'},{label:'研究生院',value:'3'},{label:'自划线',value:'4'},{label:'推免资格',value:'5'}
	]
	const zxkms = [
		{label:'化学',value:'H'},{label:'生物',value:'S'},{label:'政治',value:'Z'},{label:'地理',value:'D'}
	]
	export default {
		data() {
			return {
				zxkm:zxkms,
				arrangement:'1',
				activeName: "first",
				count:null,
				props: {
					multiple: true
				},
				loading: true,
				loadings:false,
				value: [],
				tableData: [],
				isLoad: false,
				major: '',
				school: '',
				childrenData:[],
				schoice:'W',
				options:null,
				schoolNames:null,
				cchoice:['H','S'],
				courseRequire: null,
				type:null,
				yaoqiu: [],
				cities: cityOptions,
				SchoolTypes: SchoolTypeOptions,
				natures: natureOptions,
				Hierarchys: HierarchyOptions,
				Qualifications: QualificationsOptions,
				checkedCities: ['不限'],
				checkedSchoolTypes: ['不限'],
				checkedNatures: ['不限'],
				checkedHierarchys: ['不限'],
				checkedQualifications: ['不限'],
				pageObject: {
					pageNum: 1,
					pageSize: 40,
					total: 0
				},
			}
		},
		methods: {
			 //执行点击行调用的方法，展开和折叠行
			clickTable(row,index,e){ 
				let state=false
				// console.log("学校内容"+JSON.stringify(row))
				this.tableData.forEach(s=>{
					if(s.newSchoolid==row.newSchoolid){
						if(s.children!=null){
							state=true
							s.children=null
						}
					}
				})
				if(state==false){
					this.getSchoolMajor(row)
				}else{
					this.$refs.multipleTable.toggleRowExpansion(row)
				}
			 },
			getSchoolMajor(row) {
				this.loadings=true
				this.pageObject.schoolCode=row.newSchoolid
				this.pageObject.major=this.major
				this.pageObject.school=this.school
				this.pageObject.courseRequire=this.courseRequire
				this.pageObject.arrangement=this.arrangement
				this.pageObject.schoice=this.schoice
				this.pageObject.cchoice=this.cchoice
				request({
					method: 'post',
					url: 'electiveCourseInfo/getSchoolMajor',
					data:this.pageObject
				}).then(res => {
					for(let i=0;i<this.tableData.length;i++){
						if(this.tableData[i].newSchoolid==row.newSchoolid){
							this.$set(this.tableData[i],"children",res.data)
							console.log("数据"+this.tableData[i].children)
						}
					}
					this.$forceUpdate()
					this.loadings=false
					this.$refs.multipleTable.toggleRowExpansion(row)
					
				})
			},
			natureclick(e,t){
				this.school=null
				this.major=null
				if(e==='不限'){
					this.checkedNatures=['不限']
				}else{
					this.checkedNatures.forEach(i=>{
						if(i=='不限'){
							this.checkedNatures.splice(this.checkedNatures.indexOf(i),1)
						}
					})
					if(t==false&&this.checkedNatures.length<1){
						this.checkedNatures=['不限']
					}
				}
			},
			hierarchysclick(e,t){
				this.school=null
				this.major=null
				if(e==='不限'){
					this.checkedHierarchys=['不限']
				}else{
					this.checkedHierarchys.forEach(i=>{
						if(i=='不限'){
							this.checkedHierarchys.splice(this.checkedHierarchys.indexOf(i),1)
						}
					})
					if(t==false&&this.checkedHierarchys.length<1){
						this.checkedHierarchys=['不限']
					}
				}
			},
			qualificationsclick(e,t){
				this.school=null
				this.major=null
				if(e==='不限'){
					this.checkedQualifications=['不限']
				}else{
					this.checkedQualifications.forEach(i=>{
						if(i=='不限'){
							this.checkedQualifications.splice(this.checkedQualifications.indexOf(i),1)
						}
					})
					if(t==false&&this.checkedQualifications.length<1){
						this.checkedQualifications=['不限']
					}
				}
			},
			schooltypeclick(e,t){
				this.school=null
				this.major=null
				if(e==='不限'){
					this.checkedSchoolTypes=['不限']
				}else if(e==='其他'){
					this.checkedSchoolTypes=['其他']
				}else{
					this.checkedSchoolTypes.forEach(i=>{
						if(i=='不限'||i=='其他'){
							this.checkedSchoolTypes.splice(this.checkedSchoolTypes.indexOf(i),1)
						}
					})
					if(t==false&&this.checkedSchoolTypes.length<1){
						this.checkedSchoolTypes=['不限']
					}
				}
			},
			sfclick(e,t){
				this.school=null
				this.major=null
				if(e==='不限'){
					this.checkedCities=['不限']
				}else if(e==='其他'){
					this.checkedCities=['其他']
				}else{
					this.checkedCities.forEach(i=>{
						if(i=='不限'||i=='其他'){
							this.checkedCities.splice(this.checkedCities.indexOf(i),1)
						}
					})
					if(t==false&&this.checkedCities.length<1){
						this.checkedCities=['不限']
					}
				}
			},
			// 单元格的 style 的回调方法
			cellStyle({
				row,
				column,
				rowIndex,
				columnIndex
			}) {
				if (columnIndex === 2||columnIndex==3) {
					return `textAlign:left;`
				}else if(columnIndex===1){
					return `textAlign:center;color:#1264ff;`;
				}else {
						return 'textAlign:center;'
				}
			},
			cellStyles({
				row,
				column,
				rowIndex,
				columnIndex
			}) {
				if(row.color=="red"){
					if (columnIndex === 2||columnIndex==3) {
						return `textAlign:left;color:red;backgroundColor:#fff2f3`
					}else {
							return 'textAlign:center;color:red;backgroundColor:#fff2f3'
					}
				}else{
					if (columnIndex === 2||columnIndex==3) {
						return `textAlign:left;backgroundColor:#fff2f3`
					}else {
							return 'textAlign:center;backgroundColor:#fff2f3'
					}
				}
				
			},
			createFilter(queryString) {
			        return (restaurant) => {
			          return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) !== -1);
			        };
			      },
			querySearch(queryString, cb) {
			        var restaurants = this.options;
			        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
			        // 调用 callback 返回建议列表的数据
			        cb(results);
			      },
			querySearch1(queryString, cb) {
			        var restaurants = this.schoolNames;
			        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
			        // 调用 callback 返回建议列表的数据
			        cb(results);
			      },
			condition(){
				console.log(this.activeName)
				if(this.activeName=='first'){
					this.checkedCities = ['不限']
					this.checkedSchoolTypes = ['不限']
					this.checkedNatures = ['不限']
					this.checkedHierarchys = ['不限']
					this.checkedQualifications=['不限']
					this.arrangement='1'
					this.cchoice=['H','S']
					this.schoice='W'
					this.courseRequire=[]
					this.major = null
					this.school = null
				}else{
					this.checkedCities = ['不限']
					this.checkedSchoolTypes = ['不限']
					this.checkedNatures = ['不限']
					this.checkedHierarchys = ['不限']
					this.checkedQualifications=['不限']
					this.arrangement=''
					this.cchoice=[]
					this.courseRequire=[]
					this.schoice=null
					this.major = null
					this.school = null
				}
				this.getNewSchool()
			},
			getyaoqiu() {
				request({
					method: 'Get',
					url: 'sysDict/getDict',
					params: {
						dictType: 'course_require_type'
					}
				}).then(res => {
					this.yaoqiu = res.data
				})
			},
			getNewSchool() {
				if(this.activeName=='first'&&this.cchoice.length<2){
					// console.log("进来没有啊")
					this.$message({
						message: '再选科目不得少于两个！',
						type: 'warning'
					});
					return false;
				}
				this.loading = true
				var hierarchys="";
				if(this.checkedHierarchys.length>0){
					for(var i=0;i<this.checkedHierarchys.length;i++){
						if(i<this.checkedHierarchys.length-1){
							hierarchys+=this.checkedHierarchys[i]+"|";
						}else{
							hierarchys+=this.checkedHierarchys[i];
						}
					}
				}		
				var qualifications="";
				if(this.checkedQualifications.length>0){
					for(var i=0;i<this.checkedQualifications.length;i++){
						if(i<this.checkedQualifications.length-1){
							qualifications+=this.checkedQualifications[i]+"|";
						}else{
							qualifications+=this.checkedQualifications[i];
						}
					}
				}
				if(this.checkedCities=='不限'){
					this.pageObject.city=[]
				}else{
					this.pageObject.city = this.checkedCities
				}
				if(this.checkedNatures=='不限'){
					this.pageObject.nature=[]
				}else{
					this.pageObject.nature = this.checkedNatures
				}
				if(this.checkedHierarchys=='不限'){
					this.pageObject.hierarchys=''
				}else{
					this.pageObject.hierarchys = hierarchys
				}
				if(this.checkedSchoolTypes=='不限'){
					this.pageObject.type=[]
				}else{
					this.pageObject.type = this.checkedSchoolTypes
				}
				if(this.checkedQualifications=='不限'){
					this.pageObject.qualifications=''
				}else{
					this.pageObject.qualifications = qualifications	
				}
				
				this.pageObject.major=this.major
				this.pageObject.school=this.school
				this.pageObject.courseRequire=this.courseRequire
				this.pageObject.arrangement=this.arrangement
				this.pageObject.schoice=this.schoice
				this.pageObject.cchoice=this.cchoice
				const _this = this
				this.Submit = 1;
				request({
					method: 'post',
					url: 'electiveCourseInfo/getXingaokao',
					data: this.pageObject
				}).then(res => {
					if(res.code==0||res.code==200){
						res.data.forEach(i => i.schemeName = "")
						if (this.tableData) {
							for (var i = 0; i < res.data.length; i++) {
								this.childrenData.forEach(j => {
									if (res.data[i].code == j.schoolCode) {
										res.data[i].schemeName = j.schemeName
										if(j.majorList!=null&&j.majorList!=undefined&&j.majorList!=""){
											for (var r = 0; r < j.majorList.length; r++) {
												res.data[i].children.forEach(o => {
													if (j.majorList[r].id == o.id) {
														o.sort = j.majorList[r].sort
													}
												})
											}
										}
									}
								})
							}
							this.tableData = res.data
							this.count=res.data.length
						} else {
							this.tableData = res.data
							this.count=res.data.length
						}
					}
					this.loading = false
					
				})
			},
			getMajorName() {
				request({
					method: 'Get',
					url: 'electiveCourseInfo/getMajorName'
				}).then(res => {
					this.options = res.data
				})
			},
			getSchoolName() {
				request({
					method: 'Get',
					url: 'electiveCourseInfo/getSchoolName'
				}).then(res => {
					this.schoolNames = res.data
				})
			},
		},
		mounted() {
		},
		created() {
			this.getMajorName()
			this.getSchoolName()
			this.getyaoqiu()
			this.getNewSchool()
		}
	};
</script>

<style>
	#xgk input{
		height: 28px;
	}
	#xgk .el-input__icon{
		line-height: 28px;
	}
	#xgk .d2 {
		width: 1440px;
		min-width: 1440px;
		margin: auto;
	}
	
	#xgk th {
		font-weight: 500;
		height: 50px;
		/* border: 1px #68696a solid; */
	}
	#xgk .btn {
		width: 80px;
		height: 30px;
		background-color: coral;
		color: #fff;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-khtml-border-radius: 10px;
		text-align: center;
		border: 1px solid transparent;
		font-weight: 900;
		margin-top: 10px;
		margin-left: 1px;
		font-size: 15px;
		border-radius: 5px;
	}
	#xgk .d2 ul {
		list-style: none;
		display: inline-block;
		padding: 0;
		margin: 0;
	}
	
	#xgk .d2 ul li {
		display: inline-block;
		margin-left: 2px;
		font-size: 15px;
	}
	#xgk #fx .el-checkbox__input {
		display: none;
	}
	#xgk .has-gutter .cell {
		padding: 0;
		color: black;
	}
	
	#xgk .el-table__row td div {
		padding: 0;
	}
	
	#xgk .el-table__row td {
		padding: 0;
		height: 35px;
	}
	
	#xgk .has-gutter th {
		padding: 0;
		height: 35px;
	}
	
	#xgk .cell{
		padding: 0;
	}
	
	.establishBtn{
		padding: 0;
		text-align: center;
	}
	
	.establishBtn span {
		display: inline-block;
		margin-left: 5px;
	}
	#xgk .el-radio{
		margin-right: 10px;
	}
	#xgk #xk .el-checkbox{
		margin-right: 10px;
	}
/* 	#xgk #table .el-table__header-wrapper{
		display: none;
	} */
	#xgk .el-table__cell {
		padding: 0 0 0 0;
	}
	#xgk .el-form-item__label{
		color: black;
		font-size: 15px;
	}
	
	#xgk .el-checkbox{
		font-size: 15px;
		color: #000000;
	}
	#xgk .el-tabs__item{
		font-size: 15px;
	}
	#xgk .el-radio__label{
		font-size: 15px;
		color: #000000;
	}
	#xgk .el-checkbox__label{
		font-size: 15px;
	}
	#fx .el-checkbox__label{
		padding-left: 8px;
	}
	#xgk .el-tabs__header *{
		color: #1264ff;
	}
</style>
